/**app.wxss**/
/*适配480以上的ipad*/
/* 480/750=0.64*/
@function toPadPx($rpx){
  @return $rpx*0.64px;
}

@mixin pad-devices {
  @media (min-width:480px) {
    @content;
  }
}
.container {
  //height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 140rpx);
  margin-bottom: 140rpx;
  @include pad-devices {
    min-height: calc(100vh - toPadPx(140));
    margin-bottom: toPadPx(140);
  }
}

page {
  background-color: #f6f7fb;
}
.list-scroll-view{
  /* 动态计算高度 */
  height: calc(100vh - 140rpx); //140rpx除去底部的一些高度
}
// 侧面弹窗滚动
.drawer-scroll-view{
  min-width: 400rpx;
  max-width: 600rpx;
  max-height: 96vh;
  padding: 20rpx;
  @include pad-devices {
    min-width: toPadPx(400);
    max-width: toPadPx(600);
    max-height: toPadPx(96);
    padding: toPadPx(20);
  }
}
.arrow-right{
  position: absolute;
  right: 20rpx;
  top: 50%;
  transform: translate(0,-50%);
  @include pad-devices {
    right: toPadPx(20);
  }
}
.my-tui-tabs{
  @include pad-devices {
    font-size: toPadPx(28) !important;
  }
}
.tui-color__black{
  @include pad-devices {
    font-size: toPadPx(28);
  }
}
.labels-item{
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 6rpx;
  padding: 0 20rpx;
  margin-right: 10rpx;
}
.labels-small-green-item{
  display: inline-block;
  background-color: rgba(12, 222, 0, 0.1);
  border: 1px solid #389E0D;
  border-radius: 6rpx;
  padding: 0 20rpx;
  margin-right: 10rpx;
  margin-top: 10rpx;
  font-size: 20rpx;
  @include pad-devices {
    font-size: toPadPx(20);
    padding-left: toPadPx(20);
    padding-right: toPadPx(20);
    margin-right: toPadPx(10);
    margin-top: toPadPx(10);
    border-radius: toPadPx(6);
  }
}
.operate-btn{

}
.color-red{
  color: #FF0000;
}
.color-blue{
  color: #1890FF;
}
.color-black{
  color: #333333;
}
.bg-green{
  background-color: #389E0D;
}
.font-b{
  font-weight: bold;
}
.font-br{
  font-weight: bolder;
}
.t-c{
  text-align: center;
}
.font-20{
  font-size: 20rpx;
  @include pad-devices {
    font-size: toPadPx(20);
  }
}
.rich-text-content{
  padding: 20rpx;
  @include pad-devices {
    padding: toPadPx(20);
  }
}
.appoint-tag{
  width: 200rpx;
  margin-top: 20rpx;
  margin-left: 20rpx;
  @include pad-devices {
    width: toPadPx(200);
    margin-top: toPadPx(20);
    margin-left: toPadPx(20);
  }
}
.adopt-item-check{
  // border: 1px solid #1890FF;
  // border-radius: 5px;
  background-color: rgba(24, 144, 255, 0.1);
}